<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="widtd=device-widtd, initial-scale=1.0">
    <title>青耕艺行</title>
    <link rel="stylesheet" href="css/normalize.css">
    <!-- 先引入swiper css文件 放到自己css文件上面 -->
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/nav3.css">
    <script src="js/index.js"></script>
</head>
<body>
    <section class="warp">
        <!-- 头部页面 -->
        <header class="header">
            <img src="images/logo.png" alt="">
        </header>
        <div class="go">
          <span class="icon">教学示例了解</span>
          <a href="index.html" class="more">回到首页👉</a>
        </div>
        <div class="header2">
            <h4>报名课程详情介绍</h4>
        </div>
    </section>
    <nav class="goal">
     <div class="goal1 panel1">
        <div class="go">
            <span class="icon" style="color: rgb(26, 184, 247);">单项体验</span>
            <a href="baoming.html" class="more">去报名👉</a>
        </div>
        <div>
            <div class="allbox">
                <div class="box">
                <a href="#"><img src="images/con-bd1.jpg" alt=""></a>
                <div class="info">
                    <h4><a href="#">展厅讲解</a> </h4>
                    <span>50元/次</span>
                </div>
            </div>
            <div class="box">
                <a href="#"><img src="upload/5.png" alt=""></a>
                <div class="info">
                    <h4><a href="#">小画院、创意手工</a> </h4>
                    <span>20元/项</span>
                </div>
            </div>
            <div class="box">
                <a href="#"><img src="upload/7.jpg" alt=""></a>
                <div class="info">
                    <h4><a href="#">微型生物实验室</a> </h4>
                    <span>30元/人</span>
                </div>
            </div>
            <div class="box">
                <a href="#"><img src="upload/3.png" alt=""></a>
                <div class="info">
                    <h4><a href="#">农产品加工体验</a> </h4>
                    <span>20元/次</span>
                </div>
            </div>
            <div class="box">
                <a href="#"><img src="upload/6.png" alt=""></a>
                <div class="info">
                    <h4><a href="#">叮当野趣园按项目收费</a> </h4>
                    <span>20元/项</span>
                </div>
            </div>
            <div class="box">
                <a href="#"><img src="upload/4.png" alt=""></a>
                <div class="info">
                    <h4><a href="#">神厨小当家餐厅就餐按菜品收费</a> </h4>
                </div>
            </div>
        </div>
        </div>
     </div>
     <div class="goal1 panel goal2">
        <div class="go">
            <span class="icon">单次系统课程</span>
            <a href="baoming.html" class="more">去报名👉</a>
        </div>
        <p>
            按照单个体验项目收费系统课程：<br>
            根据孩子年龄阶段选择课程<br>
            &nbsp;&nbsp;&nbsp;芽芽班：参观展厅+小画院＋泥塑+ 辨识瓜果蔬菜+娱乐游戏＋用餐<br>
            &nbsp;&nbsp;&nbsp;苗苗班：参观展厅+泥塑彩绘+瓜果雕刻＋植物采摘＋泥塑彩绘＋标本(书签)＋制作剪纸+唱节气歌＋种植体验+娱乐游戏（麦田捉迷藏等）+农产品加工体验（磨豆浆）＋用餐<br>
            &nbsp;&nbsp;&nbsp;果果班：参观展厅+插花编制＋陶艺＋根雕＋植物采摘与种植体验+生物实验室+娱乐游戏+参与食物加工与用餐<br>
            采用阶梯式收费，次数越多价格越低，增加客户粘性。<br><br>
        </p>
     </div>
     <div class="goal1 panel goal3">
        <div class="go">
            <span class="icon">优惠</span>
            <a href="baoming.html" class="more">去报名👉</a>
        </div>
        <p>
            办理青耕艺行一卡通充值消费活动如下：<br>
            &nbsp;&nbsp;&nbsp;充值100元送20元；<br>
            &nbsp;&nbsp;&nbsp;充值200元送50元；<br>
            &nbsp;&nbsp;&nbsp;充值500元送200元；<br>
        </p>
    </div>
</nav>
</body>
</html>